<template>
  <div id="center">
    <nav>
      <router-link to="/">
        <img src="https://www.hzsp.com/images/logo.png" alt="" />
      </router-link>
      <span href=""><i></i>440-523-9658</span>
    </nav>
    <main>
      <ul id="login_box">
        <li id="text">
          <span>使用手机号</span><b>直接登录</b>

          <p>无需注册直接称为会员</p>
        </li>
        <li>
          <input
            v-model="phone"
            type="text"
            class="phone"
            placeholder="填写手机号码"
            v-bind:class="{ success: selected, err: selected1 }"
          />
        </li>
        <li id="coderow">
          <input
            v-model="code"
            type="text"
            id="code"
            placeholder="输入验证码"
          />
          <el-button
            @click="sto()"
            v-bind="{ disabled: dis }"
            type="success"
            plain
            >获取验证码</el-button
          >
        </li>
        <li><el-button type="warning" @click="login()">登录</el-button></li>
        <li id="check">
          <input type="checkbox" id="checkone" />
          <label for="checkone">
            已阅读并同意
            <strong @click="changeStyle()">《会员服务协议及隐私政策》</strong>
          </label>
        </li>
      </ul>
    </main>
    <footer>
      <p>
        杭州野生动物世界有限公司 版权所有 【互动力承建 运营】
        浙ICP备12012113号-1 浙公网安备 33018302000335号 可信任网站
      </p>
    </footer>
    <!-- 隐私策略 -->
    <article v-show="showed" @click="close()">
      <div>
        <h1>会员服务协议及隐私政策</h1>
        <section>
          一、服务协议<br />
          1．杭州野生动物世界网站/小程序服务条款的确认<br />
          本系统的所有权与运作权归杭州野生动物世界有限公司（以下简称"杭州野生动物世界"）所有。本服务条款具有法律约束力。一旦您点选“已阅读并同意”本条款，即表示您自愿接受本协议之所有条款，并已成为杭州野生动物世界网站/小程序的注册会员。
          用户在享用杭州野生动物世界网站/小程序会员服务的同时，同意接受杭州野生动物世界网站/小程序会员服务提供的各类信息服务。<br />
          2．服务内容<br />
          2.1
          杭州野生动物世界网站/小程序服务的具体内容由杭州野生动物世界根据实际情况提供，杭州野生动物世界对其所提供之服务拥有最终解释权。<br />
          2.2
          杭州野生动物世界在杭州野生动物世界网站/小程序上向其会员提供相关网络服务，与相关网络服务有关的设备（如个人电脑、手机、及其他与接入互联网或移动网有关的装置）及所需的费用（如为接入互联网而支付的电话费及上网费、为使用移动网而支付的手机费）均由会员自行负担。<br />
          3．会员账号及密码<br />
          您注册会员成功后，将得到一个账号和密码。您应妥善保管该账号及密码，并对以该账号进行的所有活动及事件负法律责任。因黑客行为或会员保管疏忽致使账号、密码被他人非法使用的，杭州野生动物世界不承担任何责任。如您发现任何非法使用会员账号或安全漏洞的情况，请立即与杭州野生动物世界联系。<br />
          4．会员权责<br />
          4.1
          会员有权按照杭州野生动物世界规定的程序和要求使用杭州野生动物世界网站/小程序向会员提供的各项网络服务，如果会员对该服务有异议，可以与杭州野生动物世界联系以便得到及时解决。<br />
          4.2
          用户在申请使用杭州野生动物世界网站/小程序网络服务时，必须向杭州野生动物世界网站/小程序提供准确的个人资料，如个人资料有任何变动，必须及时更新。<br />
          4.3
          会员同意接受杭州野生动物世界网站/小程序通过电子邮件、短信或其他方式向会员发送的预订确认信息、以及其他预订产品或服务相关的信息。会员同意接受杭州野生动物世界网站/小程序通过电子邮件、短信或其他方式向会员发送的促销或其他商业信息，如会员不同意接受促销或其他商业信息，会员可以自行退订或电话联系杭州野生动物世界网站/小程序进行退订。<br />
          4.4
          会员在杭州野生动物世界网站/小程序的网页上发布信息或者利用杭州野生动物世界网站/小程序的服务时必须符合国家的法律法规以及国际法的有关规定。<br />
          4.5
          对于会员通过杭州野生动物世界网站/小程序网上消息平台（包括但不限于论坛、BBS、评论）上传到杭州野生动物世界网站/小程序上可公开获取区域的任何内容，会员同意授予杭州野生动物世界在全世界范围内享有完全的、免费的、永久性的、不可撤销的、非独家的权利，以及再许可第三方的权利，以使用、复制、修改、改编、出版、翻译、据以创作衍生作品、传播、表演和展示此等内容（整体或部分），和/或将此等内容编入当前已知的或以后开发的其他任何形式的作品、媒体或技术中。<br />
          4.6
          会员承诺不会在杭州野生动物世界网站/小程序的消息平台（包括但不限于论坛、BBS、评论）发布如下信息：<br />
          &nbsp;反对宪法所确定的基本原则的；
          危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；
          损害国家荣誉和利益的； 煽动民族仇恨、民族歧视，破坏民族团结的；
          破坏国家宗教政策，宣扬邪教和封建迷信的；
          散布谣言，扰乱社会秩序，破坏社会稳定的；
          散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；
          侮辱或者诽谤他人，侵害他人合法权益的；
          含有法律、行政法规禁止的其他内容的。<br />
          4.7
          会员单独为其发布在杭州野生动物世界网站/小程序上信息承担责任。会员若在杭州野生动物世界网站/小程序散布和传播违法信息，网络会员服务的系统记录有可能作为会员违法之证据。<br />
          4.8 会员不得利用杭州野生动物世界网站/小程序的服务从事以下活动：<br />
          &nbsp;未经允许，进入计算机信息网络或者使用计算机信息网络资源；
          未经允许，对计算机信息网络功能进行删除、修改或者增加；
          未经允许，对进入计算机信息网络中存储、处理或者传输的数据和应用程序进行删除、修改或者增加；
          故意制作、传播计算机病毒等破坏性程序；
          其他危害计算机信息网络安全的行为。<br />
          4.9 会员不得以任何方式干扰杭州野生动物世界网站/小程序的服务。<br />
          4.10 会员承诺遵守杭州野生动物世界网站/小程序的所有其他规定和程序。<br />
          4.11
          会员承诺不得以任何形式或手段倒卖杭州野生动物世界网站/小程序商品，不得有频繁订购或频繁退订等扰乱杭州野生动物世界网站/小程序正常服务的行为。<br />
          4.12
          如果会员违反上述规定，杭州野生动物世界有权要求其改正或直接采取一切必要措施（包括但不限于更改或删除会员发布的信息、中断或终止会员使用网络的权利等），以减轻会员不当行为所造成的影响。<br />
          5．服务条款的修改<br />
          杭州野生动物世界有权在必要时修改本服务条款而无需事先通知用户。杭州野生动物世界行使该修改权，无需对用户或第三方承担任何责任。会员如不同意修改，可以主动选择取消会员资格；如果会员继续使用杭州野生动物世界网站/小程序服务，将被视为接受修改后的服务条款。<br />
          6．服务内容的修改或中断<br />
          鉴于网络服务的特殊性，杭州野生动物世界保留随时修改或中断其部分或全部网络服务的权利，并无需通知会员或为此对会员及任何第三方负责。<br />
          7．会员隐私保护<br />
          杭州野生动物世界尊重会员的隐私权，不会公开、编辑或泄露任何有关会员的个人资料以及会员在使用网络服务时存储在杭州野生动物世界网站/小程序的非公开内容，但以下情况除外：
          事先获得会员的明确授权；遵守法律规定或杭州野生动物世界网站/小程序合法服务程序；
          按照相关政府主管部门的合理要求； 维护社会公众利益；
          维护杭州野生动物世界的合法权益； 符合其他合法要求。<br />
          8．中断或终止服务<br />
          如发生下列任何一种情形，杭州野生动物世界有权随时中断或终止向会员提供本协议项下的网络服务，而无需对会员或任何第三方承担任何责任。
          会员向杭州野生动物世界提供的个人资料不真实。
          会员违反本协议的规则或不履行其所承担的义务。
          除此之外，会员可随时根据需要通知杭州野生动物世界网站/小程序终止向该会员提供服务，会员服务终止后，会员使用服务的权利同时终止。自会员服务终止之时起，杭州野生动物世界不再对该会员承担任何责任。<br />
          9．知识产权<br />
          9.1
          杭州野生动物世界在网络服务中提供的任何文本、图片、图形、音频和视频资料均受版权、商标权以及其他相关法律法规的保护。未经杭州野生动物世界事先同意，任何人不能擅自复制、传播这些内容，或用于其他任何商业目的，所有这些资料或资料的任何部分仅可作为个人或非商业用途而保存在某台计算机内。<br />
          9.2
          杭州野生动物世界为提供网络服务而使用的任何软件（包括但不限于软件中的任何文字、图形、音频、视频资料及其辅助资料）的一切权利属于该软件的著作权人，未经该著作权人同意，任何人不得对该软件进行反向工程、反向编译或反汇编。<br />
          9.3
          如有著作权人发现会员在杭州野生动物世界网站/小程序发表的内容侵犯其著作权，并依《互联网著作权行政保护办法》、《信息网络传播保护条例》的规定向杭州野生动物世界发出书面通知并提供相关内容的著作权权属证明的，杭州野生动物世界有权在不事先通知会员的情况下自行移除相关内容，并依法保留相关数据。<br />
          9.4
          若会员对9.3条指向内容依法享有发表权，可以向杭州野生动物世界及9.3条指向之著作权人一并发出说明被移除内容不侵犯其著作权的反通知，反通知应为书面形式，并包含如下内容：<br />
          &nbsp;明确的身份证明、住址、联系方式；<br />
          &nbsp;被移除内容的合法性证明；被移除内容在互联网上的位置；反通知内容的真实性声明。<br />
          &nbsp;符合规定的反通知发出后，杭州野生动物世界有权恢复被移除内容。<br />
          10．免责声明<br />
          10.1
          杭州野生动物世界对任何因会员不正当或非法使用服务、在网上进行交易、或会员传送信息变动而产生的直接、间接、偶然、特殊及后续的损害不承担责任。<br />
          10.2
          杭州野生动物世界对任何他人的威胁性的、诽谤性的、淫秽的、令人反感的或非法的内容或行为或对他人权利的侵犯（包括知识产权）不承担责任；并对任何第三方通过服务发送或在服务中包含的任何内容不承担责任。<br />
          10.3
          会员明确同意其使用杭州野生动物世界网站/小程序服务所存在的风险以及使用杭州野生动物世界网络服务产生的一切后果由其自己承担。<br />
          10.4
          对于因不可抗力或杭州野生动物世界网站/小程序不能控制的原因造成的网络服务中断或其它缺陷，杭州野生动物世界不承担任何责任，但将尽力减少因此而给用户造成的损失和影响。<br />
          10.5
          杭州野生动物世界不对所提供之网络服务做任何类型之担保，包括但不限于：<br />
          网络服务一定能满足会员要求； 网络服务不会中断；
          网络服务的及时性、安全性、准确性。
          但是杭州野生动物世界对不违反规定的特定目的担保不作限制。<br />
          11．赔偿<br />
          因会员对本服务之使用而导致杭州野生动物世界遭受任何来自第三方之纠纷、诉讼及索赔要求，会员同意向杭州野生动物世界及其关联企业、职员赔偿相应损失（包括合理的律师费），并尽力使之免受损害。<br />
          12．通告<br />
          所有发给会员的通告都可以通过重要页面的公告、电子邮件以及常规信件的形式传送。<br />
          13．法律<br />
          杭州野生动物世界网站/小程序服务条款之效力、解释、执行均适用中华人民共和国法律。如发生争议，应提交至杭州野生动物世界住所地有管辖权之人民法院诉讼解决。<br />
          14．其他规定<br />
          本服务条款中的标题仅为方便而设，在解释本服务条款时应被忽略。<br />
          二、隐私政策<br />
          在使用网站服务前，请您务必仔细阅读并透彻理解本隐私政策全部条款。您可以主动取消或停止使用杭州野生动物世界网站/小程序提供的服务，但如果您使用杭州野生动物世界网站/小程序服务，您的使用行为将被视为对本声明全部内容的认可。<br />
          1、隐私政策的确认和接纳<br />
          尊重用户个人隐私是杭州野生动物世界网站/小程序的一项基本政策。用户通过完成注册程序或者预订/购买程序，表示用户明确知晓本隐私政策所列事实，并与杭州野生动物世界达成协议并接受所有的服务条款。<br />
          我们十分注重保护用户的个人信息及隐私安全，我们理解您通过网络向我们提供信息是建立在对我们信任的基础上，我们重视这种信任，也深知隐私对您的重要性，并尽最大努力全力保护您的隐私。<br />
          2、信息收集<br />
          为了更好地为您提供服务，杭州野生动物世界网站/小程序将遵循“合理、相关、必要”原则，且以您同意为前提收集信息，不会收集法律法规禁止收集的信息。当您访问杭州野生动物世界的网站、移动设备客户端时，或您使用杭州野生动物世界的服务时，杭州野生动物世界将会收集您在网站或APP上输入的或者以其他方式提供给我们的所有信息。&nbsp;&nbsp;<br />我们收集信息的范围主要包括：<br />
          为了遵守法律法规的要求，以及向您提供更个性化、更便捷的服务，我们需要识别您的身份。例如在您注册杭州野生动物世界网站/小程序账户或使用杭州野生动物世界提供的各项服务时，您可能要向我们提供一些个人信息，包括但不限于您的姓名、身份证明、地址、电话号码和电子邮件地址、生物特征等信息及相关附加信息（如您所在的省份和城市、邮政编码等）。<br />
          为便于您查询您的交易状态或历史记录，也为了遵守法律法规的规定，我们会保存您使用杭州野生动物世界网站/小程序的服务产生的交易信息，并严格按照法律法规的规定对这些信息进行妥善保管。<br />
          为了保护您的账户安全，当您访问杭州野生动物世界的网站及其相关网站、或杭州野生动物世界的移动设备客户端时，或使用杭州野生动物世界提供的服务时，我们可能会记录您操作的相关信息，包括但不限于您的网络信息、设备标识符、硬件型号、操作系统版本、您的位置以及与杭州野生动物世界的服务相关的日志信息，这些信息可帮助我们更好地识别您的身份。<br />
          除上述信息外，我们还可能为了提供服务及改进服务质量的合理需要而收集您的其他信息，包括您与我们的客户服务团队联系时您提供的相关信息，您参与问卷调查时向我们发送的问卷答复信息，以及您与杭州野生动物世界关联公司互动时我们收集的相关信息，以及有关您曾使用的移动应用（APP）和其他软件的信息，以及您曾经使用该等移动应用和软件的信息。<br />
          3、信息使用、分享<br />
          因收集您的信息是出于遵守国家法律法规的规定以及向您提供服务及提升服务质量的目的，为了实现这一目的，我们会把您的信息用于下列用途：<br />
          向您提供服务：我们使用您的个人数据完成并管理您的网上预订。另外，我们也会通过关联公司、业务合作伙伴和第三方为您提供相关的产品和服务。<br />
          帐账号管理：您可以通过我们的网站或APP创建帐账号，我们将使用您所提供的信息来管理您的帐账号，并为您提供一系列的实用功能，您可以使用您的帐账号进行多种操作，如管理订单、调整个人设置、查看历史订单信息、订单评价、支付管理等。<br />
          营销活动：我们也会使用您的信息进行正当合法的营销活动，如向您发送相关产品或者服务的最新消息、向您提供您可能感兴趣的个性化推荐及其他推广活动信息。<br />
          与您联系：回复及处理您所提出的疑问或要求、发送与订单相关的信息、我们也可能会向您发送问卷调查或邀请您对我们的服务提供反馈等。<br />
          市场调研：我们有时会邀请您参与市场调查，以衡量您对我们的产品、服务和网站的兴趣。<br />
          提升服务的安全性和可靠性：我们可能会检测和预防欺诈行为、不法活动，将您的个人数据用于风险评估和安全目的。<br />
          数据分析：我们可能将个人数据用于分析，以便让我们能够了解您所在的位置、偏好和人口统计信息，或与其他来源（包括第三方）的数据相匹配，从而开发我们的产品、服务或营销计划，改进我们的服务。<br />
          日常运营：包括但不限于订单管理、客户验证、技术支持、网络维护、故障排除、内部行政事务及内部政策和程序、生成内部报告等。<br />
          电话监测：您接听和拨打我们的客服电话可能会被录音，我们可能会使用通话录音来监控我们的客服服务质量，检查您所提供的信息的准确性以防止欺诈，或为了我们内部人员培训的目的。录音在被保留一段时间后会自动删除，除非由于合规要求或合法利益需要为场景的保留。<br />
          履行义务：处理相关政策下发生的保险索赔和付款，处理支付给合作伙伴的佣金或对服务合作伙伴造成的损失提起索赔或收回付款等。<br />
          法律目的：我们可能需要使用您的信息来处理和解决法律纠纷，或遵循对我们具有约束力的任何法律法规或监管机构颁发的文件规定，以配合国家部门或监管机构调查和遵从法律法规的目的。<br />
          与以上目的合理相关的其他目的。<br />
          此外，我们可能会出于其他目的收集、使用和披露您的个人信息，并通过修订本声明的形式告知您。<br />
          （2）我们将采取合理的措施保护您的个人信息，以避免未经授权的披露。在遵守适用法律的前提下，我们可能会与下列实体（可能包括中国境内和中国境外实体）分享您的信息：<br />
          供应商：包括但不限于为了满足您预订需求的酒店、旅行社、景区和活动提供商和代理商。这些供应商可能根据需要与您联系，以完成预订产品或服务。<br />
          金融机构和第三方支付机构：当您预订订单、申请退款、购买保险时，我们会与金融机构或第三方支付机构共享特定的订单信息，当我们认为用于欺诈检测和预防目的实属必要时，我们将进一步和相关金融机构共享其他必要信息，如IP地址等。<br />
          业务合作伙伴：我们可能与合作伙伴一起为您提供产品或者服务，包括快递业务、通讯服务、客户服务、市场推广、广告投放等。<br />
          关联公司：我们可能会与我们的关联公司共享您的个人信息，使我们能够向您提供与杭州野生动物世界相关的产品或者其他服务的信息，他们会采取不低于本隐私政策同等严格的保护措施。<br />
          （3）我们还可能在下列情况下共享您的信息：<br />
          根据本地或海外法律规定，披露信息是遵守适用法律或法律程序所必须的。<br />
          为调查、防止或采取措施以处理违法或涉嫌违法的行为，为保护本网站/小程序、我们的客户或他人的权利、财产及安全，以及与我们的服务条款和其他协议有关的情况。<br />
          与公司交易有关的情形，例如股份转让、合并、兼并或者资产出售以及不太可能发生的停业。<br />
          我们也可能与包括广告商及投资者等共享统计或者匿名信息。例如，我们可能告知访问我们网站的人数，或者最受欢迎的酒店或景区，这些信息不含任何个人信息，我们将其用于向您推荐您可能感兴趣的产品和服务。<br />
          特别授权<br />
          您完全理解并不可撤销地、免费地授予杭州野生动物世界及其关联公司、业务合作伙伴下列权利：<br />
          （1）杭州野生动物世界关联公司或业务合作伙伴允许杭州野生动物世界用户登录关联公司或业务合作伙伴并使用其服务，杭州野生动物世界用户在关联公司或业务合作伙伴的任何行为均需遵守该等协议的约定、公布的规则以及有关正确使用服务的说明和操作指引。为了实现上述功能，您同意杭州野生动物世界将您在杭州野生动物世界的注册信息、交易/支付数据等信息和数据同步至关联公司或业务合作伙伴系统并允许其使用。<br />
          （2）为确保交易安全，允许杭州野生动物世界及其关联公司、业务合作伙伴对用户信息进行数据分析，并允许杭州野生动物世界及其关联公司、业务合作伙伴对上述分析结果进行商业利用。<br />
          （3）杭州野生动物世界会从关联公司、业务合作伙伴来源获得您的相关信息。例如当您通过我们关联公司、业务合作伙伴网站预订时，您向其提供的预订信息可能会转交给我们，以便我们处理您的订单、确保您顺利预订。又如，我们允许您用社交媒体帐号关联我们的账号进行登录，在您同意的情况下（您授权给该社交平台）。<br />
          （4）您在享受杭州野生动物世界提供的各项服务的同时，授权并同意接受杭州野生动物世界向您的电子邮件、手机、通信地址等发送商业信息，包括不限于最新的杭州野生动物世界产品信息、促销信息等。<br />
          4、Cookie的使用<br />
          Cookie是网页服务器放在您访问设备上的文本文件，会帮助您在后续访问时调用信息，简化记录您填写个人信息的流程。您有权接受或拒绝Cookie，如果浏览器自动接收Cookie，您可以根据自己的需要修改浏览器的设置以拒绝Cookie。请注意，如果您选择拒绝Cookie，那么您可能无法完全体验杭州野生动物世界提供的服务。<br />
          5、个人敏感信息提示<br />
          某些特殊的个人信息可能被认为是个人敏感信息，例如您的种族、宗教、个人健康和医疗信息等，这些个人敏感信息将受到严格保护。杭州野生动物世界隐私政策在此提醒您，您在使用杭州野生动物世界为您提供的产品及服务中所上传或发布的内容和信息可能会泄露您的个人敏感信息。因此，您需要在使用我们为您提供的产品或服务前谨慎考虑。您同意这些个人敏感信息将按照《杭州野生动物世界隐私政策》阐明的目的和方式来进行处理。<br />
          6、信息安全与保护<br />
          杭州野生动物世界非常重视信息安全。杭州野生动物世界采用严格措施最大程度确保用户提供的信息不被非法访问。用户明确同意其使用杭州野生动物世界会员服务所存在的风险将完全由其自己承担。但同时也请您理解在网络上不存在“完善的安全措施”，没有一家网站能够完全保证安全，我们会按现有的技术提供相应的安全措施来保护您的信息，提供合理的安全保障，我们将尽力做到使您的信息不被泄露、损毁或丢失。<br />
          您的账户均有安全保护功能，请妥善保管您的账号及密码信息，仅在必要的情况向他人提供，如果您发现自己的个人信息泄露，特别是您的账号和密码发生泄露，请您立即与我们的客服联系，以便我们采取相应的措施。请您及时保存或备份您的文字、图片等其他信息，您需理解并接受，您接入我们的服务所用的系统和通讯网络，有可能因我们可控范围外的因素而出现问题。<br />
          7、未成年人信息保护<br />
          杭州野生动物世界非常重视对未成年人个人信息的保护。若您是18周岁以下的未成年人，在使用杭州野生动物世界的服务前，应事先取得您家长或法定监护人的书面同意。<br />
          8、从中国大陆地区以外访问我们的网站<br />
          如果您从中国大陆以外地区访问我们网站，请您注意，您的信息可能被传送至、存储于中国大陆，并且在中国大陆进行处理，因为我们的服务器位于中国大陆。中国大陆的数据保护法和其他法律可能与您所在国家/地区的法律不同，但请相信我们将采取措施保护您的信息。选择使用我们的服务的同时，您了解并同意您的信息可能被传送至我们的网站，并如本隐私政策所诉的与我们分享信息的第三方。<br />
          9、隐私政策的适用范围<br />
          除某些特定服务外，我们所有的服务均适用《杭州野生动物世界隐私政策》。特定服务将适用特定的隐私政策。该特定服务的隐私政策构成《杭州野生动物世界隐私政策》的一部分。如任何特定服务的隐私政策与《杭州野生动物世界隐私政策》有不一致之处，则适用特定服务的隐私政策。<br />
          除另有规定外，《杭州野生动物世界隐私政策》所用词语将与《杭州野生动物世界客户端软件许可及服务协议》
          所定义的词语具有相同的涵义。<br />
          请您注意，《杭州野生动物世界隐私政策》不适用于以下情况：通过我们的服务而接入的第三方服务（包括任何第三方网站）收集的信息；通过在我们服务中进行广告服务的其他公司和机构所收集的信息。<br />
          11、隐私政策的修改<br />
          杭州野生动物世界会在必要时修改隐私政策，请您理解，我们可能会适时修订本隐私政策，我们将标注本隐私政策最近更新的日期，更新将于发布时生效。如有必要，我们会与您联系，请您经常回访本隐私政策，以阅读最新版本。<br />
          12、法律<br />
          隐私政策与中华人民共和国法律法规解释一致。若有任何服务条款与法律法规相抵触，以中华人民共和国相应的法律法规规定为准，而其他条款则保持对用户产生法律效力和影响。<br />
          ◆其他<br />
          杭州野生动物世界不担保网络服务一定能满足用户的要求，也不担保网络服务不会中断，对网络服务的及时性、安全性、准确性也都不做担保。<br />
          杭州野生动物世界不保证为向用户提供便利而设置的外部链接的准确性和完整性，同时，对于该等外部链接指向的不由杭州野生动物世界实际控制的任何网页上的内容，杭州野生动物世界不承担任何责任。<br />
          对于因不可抗力或杭州野生动物世界不能控制的原因造成的网络服务中断或其他缺陷，杭州野生动物世界不承担任何责任，但将尽力减少因此而给用户造成的损失和影响。<br />
          本声明适用中华人民共和国法律，用户和杭州野生动物世界一致同意遵从中华人民共和国法律法规。如本声明其中任何条款与中华人民共和国法律法规相抵触，则这些条款以中华人民共和国相应的法律法规规定为准，而其他条款依旧具有法律效力。我们保留随时更改上述免责及其他条款的权利。<br />
        </section>
      </div>
    </article>
  </div>
</template>

<script>
export default {
  methods: {
    changeStyle() {
      this.showed = true;
      // console.log(this.showed);
    },
    close() {
      this.showed = false;
    },
    sto() {
      this.dis = true;
      setTimeout(() => {
        this.dis = false;
      }, 10000);
    },
    login() {
      let url = `http://localhost:3000/v1/user/loginp`;
      let pramas = `uphone=${this.phone}`;
      this.axios.post(url, pramas).then((data) => {
        console.log(data);
      });
    },
  },
  data() {
    return {
      phone: "",
      code: "",
      selected: false,
      selected1: false,
      showed: false,
      dis: false,
    };
  },
  mounted() {},
  watch: {
    phone(newValue, oldValue) {
      let exp = /^1[3-9]\d{9}$/;
      if (exp.test(newValue)) {
        this.selected = true;
        this.selected1 = false;
      } else {
        this.selected = false;
        this.selected1 = true;
      }
      // console.log(this.selected);
      // console.log(newValue, oldValue);
    },
  },
};
</script>

<style lang="scss" scoped>
#center {
  overflow-x: hidden;
  font-size: 18px;
  background-image: url(https://www.hzsp.com/images/p2Bg.jpg);
  margin: 0 auto;
  width: 100vw;
  height: 100vh;
  nav {
    display: flex;
    // vertical-align: text-bottom;
    justify-content: space-around;
    align-items: center;
    span {
      color: #ff8a00;
      i {
        display: inline-block;
        width: 20px;
        height: 22px;
        margin-right: 5px;
        background: url("https://www.hzsp.com/booking/images/icon.png") 0 -300px
          no-repeat;
        vertical-align: top;
        position: relative;
      }
    }
  }
  main {
    height: 60%;
    background: url(https://www.hzsp.com/booking/images/logIn_bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
  }
  ul {
    list-style: none;
    background: white;
    width: 20vw;
    height: 20vw;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 2vw;
    position: absolute;
    right: 10vw;
    top: 1vw;
    border-radius: 15px;
    overflow: hidden;
    #coderow {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      justify-content: space-between;
    }
    #text {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    #check {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 14px;
      strong {
        color: #33c88e;
      }
    }
    li {
      text-align: center;
      input[placeholder] {
        outline: none;
        width: 100%;
        height: 2.8rem;
        line-height: 2.5rem;
        border-radius: 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-indent: 18px;
        color: #959595;
        transition: 0.5s ease-in-out;
      }

      .phone {
        background: #fefee6;
        border: 1px solid #ffb111;
      }
      .success {
        background: #f1fee6;
        border: 1px solid #6cff11;
      }
      .err {
        background: #fee6e6;
        border: 1px solid #ff1111;
      }

      #code {
        width: 50%;
        border: 1px solid #d4d4d4;
      }
      span {
        color: #ff8a00;
        font-weight: bold;
      }
      button[type="button"] {
        // margin: 5px;
        width: 40%;
        overflow: hidden;
        border-radius: 10px;
        padding: 14px;
      }

      button[class*="warning"] {
        width: 100%;
        // background: #ff8a00;
      }
      p {
        margin-top: 5px;
        font-size: 14px;
        color: #515151;
      }
      label,
      p,
      span,
      b,
      input::placeholder {
        user-select: none;
      }
    }
  }
  footer {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    user-select: none;
  }
  article {
    // display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.5);
    div {
      width: 980px;
      min-height: 400px;
      padding: 0 30px;
      margin: 100px auto;
      background: #fff;
      position: relative;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      h1 {
        width: 980px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        border-bottom: 7px solid #f1f1f1;
        font-size: 24px;
        color: #2e2e2e;
        margin-left: -30px;
      }
    }
  }
}
</style>